<template>
  <div class="goodsmore-container">
    <h3>{{contentt.title}}</h3>

    <hr>

    <div v-html="contentt.content"></div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      id: this.$route.params.id,
      contentt: {}
    }
  },
  created() {
    this.getGoodsMoreContent();
  },
  methods: {
    getGoodsMoreContent() {
      this.$http.get('./../../../api/goodsimgtextmore.json?id=' + this.id).then(res => {
        if(res.body.status === 0) {
          this.contentt = res.body.message;
        }else {
          alert('error');
        }
      })
    }
  }
}
</script>

<style>
  .goodsmore-container {
    padding: 0 3px;
  }
  .goodsmore-container h3 {
    text-align: center;
    font-size: 18px;
    margin: 15px 0;
  }

  .goodsmore-container img {
    width: 100%;
  }
</style>